<template>
    <div id="storeDetails">
      <header class="mt50 f20" style="margin-left: 20px;">{{storeInfor.storeName}}</header>
      <main class="mt20">
          <label>联系人</label>
          <p>{{storeInfor.userName}}</p>
          <label>街道信息</label>
          <p>{{storeInfor.storeDetail}}</p>
          <label>标注信息</label>
          <div>
          </div>
      </main>
      <footer class="mt30">
        <button class="flex1 mr10" style="background: #78adaa;" size="normal" type="primary" @click="showNext = false" >修改</button>
        <button class="flex1" size="normal" type="success">删除</button>
      </footer>
    </div>
</template>

<script type="ECMAScript 6">
    export default {
        name: 'storeDetails',
        data () {
            return {
              storeInfor: {},
            };
        },
        onShow () {
          this.storeInfor =  JSON.parse(this.$root.$mp.query.id);
          console.log(this.storeInfor);
        },
        methods: {
           updataInfor () {
               this.$router.push({path: '/mine/storeManager/addStore', query: {pramas: this.storeInfor}});
           },
           delectStore () {
              MessageBox.confirm('您要删除' + this.storeInfor.storename + '！！！').then(action => {
              this.$router.push('/mine/storeManager');
            }).catch(errorMessage => {
              console.log('取消');
            });
           }
        }
    };
</script>

<style lang="stylus" scoped>
  #storeDetails
    header
      font-weight 500; color #646464;
    main
      position relative;  width 100%;padding 15px 25px; border-radius 2px; background #fff;
      label
        display block; padding-top 5px;  font-size 15px; color #646464;
      p
       font-size 13px; color  #767676;
      div
        min-height 120px;
    footer
      display flex; align-items center; padding 0 25px;
      button
        height 40px; background #FEAB2B;color #fff;border-radius 2px; font-size 18px;line-height 40px;
</style>
